﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true"
    CodeBehind="EasyTextArea.aspx.cs" Inherits="EasyUI.Controls.TextArea" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="controlHeader">
        TextBox Control</div>
    <div>
        <div class="controlDemo">
            <span>Demo1:SimpleTextArea</span>
            <asp:TextBox TextMode="MultiLine" CssClass="easyTextArea" runat="server"></asp:TextBox>
            <span>Demo2:SimpleTextArea with MaxWords attribute</span>
            <asp:TextBox ID="TextBox1" TextMode="MultiLine" CssClass="easyTextArea" maxwords="10"
                runat="server"></asp:TextBox>
            <span>Demo3:SimpleTextArea with limited size</span>
            <asp:TextBox ID="TextBox2" TextMode="MultiLine" CssClass="easyTextArea" maxwidth="200" minwidth="100" maxheight="200" minheight="100"
                runat="server"></asp:TextBox>
        </div>
        <div class="controlDemo">
            <span>Source Code1: </span>
            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
              <asp:TextBox TextMode="MultiLine" CssClass="easyTextArea">
              </asp:TextBox>
            ]]></script>
            <span>Source Code2: </span>
            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
                 <asp:TextBox TextMode="MultiLine" CssClass="easyTextArea" maxwords="10">
                 </asp:TextBox>
            ]]></script>
                      <span>Source Code3: </span>
            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
                <asp:TextBox  TextMode="MultiLine" CssClass="easyTextArea" 
                    maxwidth="200" minwidth="100" maxheight="200" minheight="100">
                </asp:TextBox>
            ]]></script>

        </div>
        <div class="controlDemo">
            <span>How to use:</span>
            <ol>
                <li>Add base files to your page: reset.css; core.css; core.js. <a href='#'>[DownLoad]</a>
                </li>
                <li>
                    Add Core folder to your project
                </li>
                <li>Apply class [easyTextArea] to your button</li>
                <li>If addtional function required, apply relevant attribute to your button</li>
            </ol>
        </div>
        <div class="controlDemo">
            <span>Note</span>
            <ol>
                <li>Base on JQuery <a href='#'>[DownLoad]</a></li>
                <li>Browser: IE7.0+; Fiefox2.0+; Opera9.0+</li>
                <li>OS: Windows; Mac; Linux</li>
            </ol>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptPlaceHolder" runat="server">
</asp:Content>
